import React from 'react'
import ReactDOM from 'react-dom'

// const ul = <ul>
// <li>
//     <a href="" >
//         <h3></h3>
//     </a>
// </li>
// </ul>

// 定义函数组件
// 1. 组件名首字母要大写(约定)
// 2. 组件中必须写return, return的值要么是一段jsx,要么就是null(什么都不渲染)
function Item() {
  return (
    <li>
      <a href="">
        <h3>test</h3>
      </a>
    </li>
  )
}
// 使用组件
// 使用组件时,相当于就是 创建组件实例
const item = <Item></Item>
const item1 = <Item></Item>
console.log(item)
console.log(item1)
console.log(item1 === item)

const div = <div></div>
console.log(div)

ReactDOM.render(item, document.getElementById('root'))
